<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>单据详情</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<!--标准mui.css-->
		<link href="../../dep/mui/css/mui.css" rel="stylesheet" />
		<link href="../../css/style.css" rel="stylesheet" />
		<link href="../../css/page/purchase/purchaseDetail.css" rel="stylesheet" />
		<link href="../../css/page/inventoryRecord/inventoryRecordDetail.css" rel="stylesheet" />
	</head>

	<body>
		<header id="header" class="mui-bar mui-bar-nav header-lay">
			<h1 class="mui-title">单据详情</h1>
			<button class="mui-btn mui-btn-blue mui-btn-link mui-btn-nav mui-pull-left">
		    	<span class="mui-icon mui-icon-left-nav"></span>返回</button>
			<a href="#forMore"><button class="mui-btn mui-btn-blue mui-btn-link mui-pull-right">更多</button></a>
		</header>

		<div class="tab-fixed">
			<div id="segmentedControl" class="mui-segmented-control">
				<a class="mui-control-item mui-active" href="#item1">
					单据详情
				</a>
				<a class="mui-control-item" href="#item2">
					货品明细
				</a>
			</div>
		</div>
		<div class="tab-fixed-layer"></div>
		<div class="mui-content">

			<div>
				<div id="item1" class="mui-control-content mui-active">
					<ul class="mui-table-view fixedul" style="margin-bottom: 10px;">
						<li class="mui-table-view-cell list-color1">
							仓库：<span id="whName"></span>
						</li>
						<li class="mui-table-view-cell list-color1">
							盘点产品分类：<span id="catalogName"></span>
						</li>
						<li class="mui-table-view-cell">
							盘点时间：<span id="serialDate"></span>
						</li>
						<li class="mui-table-view-cell">
							盘点人:<span id="operatorName"></span>
						</li>
						<li class="mui-table-view-cell">
							盘点状态：<span id="statusName"></span>
						</li>

						<li class="mui-table-view-cell" id="fromInput" style="display: none;">
							关联入库单-<span><a id="inputSourceSerial" data-id=""></a></span>
						</li>
						<li class="mui-table-view-cell" id="fromOutput" style="display:none;">
							关联出库单-<span><a id="outputSourceSerial" data-id=""></a></span>
						</li>
						<li class="mui-table-view-cell">
							共盘点：<span class="totalCount"></span>款产品
						</li>
						<li class="mui-table-view-cell">
							<p class="height-itemp">盘赢：<span class="profit"></span></p>
						</li>
						<li class="mui-table-view-cell">
							<p class="height-itemp">盘亏：<span class="loss"></span></p>
						</li>
						<li class="mui-table-view-cell">
						</li>
					</ul>
				</div>
				<div id="item2" class="mui-control-content">
					<ul class="mui-table-view">
						<li class="mui-table-view-cell list-color1 title-color">
							<a>
								<div class="mui-col-xs-5 listitem1">共<span class="totalCount"></span>项产品</div>
								<div class="mui-col-xs-7 listitem1">盘盈：<span class="profit"></span> 盘亏：<span class="loss"></span></div>
							</a>
						</li>
					</ul>

					<div id="check-goods-items">

					</div>

				</div>

			</div>

		</div>

		<div id="fixed-bottomdiv" class="fixed-bottomdiv">
			<button type="button" class="mui-btn mui-btn-primary mui-btn-block btn-color1 btn-state1" id="goCheck">继续盘点</button>
			<button type="button" class="mui-btn mui-btn-primary mui-btn-block btn-color1 btn-state1" id="creatProfit">生成盘盈单</button>
			<button type="button" class="mui-btn mui-btn-primary mui-btn-block btn-color3 btn-state1" id="creatLoss">生成盘亏单</button>
		</div>

		<div id="forMore" class="mui-popover mui-popover-action mui-popover-bottom">
			<ul class="mui-table-view">
				<li class="mui-table-view-cell">
					<a href="#">删除</a>
				</li>
			</ul>
			<ul class="mui-table-view">
				<li class="mui-table-view-cell">
					<a href="#forward"><b>取消</b></a>
				</li>
			</ul>
		</div>

	</body>

</html>
<script src="../../dep/seajs/3.0.0/sea.js"></script>
<script src="../../js/seajs_config.js"></script>
<script>
	seajs.use("../../js/checkList/checkDetail")
</script>
<script type="text/html" id="checkList">
	{{each items}}
	<ul class="mui-table-view" id="check-goods-items" class="items-check " data-id="{{$value.id}}">
		<li class="mui-table-view-cell list-color1 listitem2">{{$value.goodsName}}-{{$value.specValue}}</li>
		<li class="mui-table-view-cell">
			<a>
				<div class="mui-col-xs-7 listitem1">库存：{{$value.whNumber}}{{$value.unit}}</div>
				<div class="mui-col-xs-5 listitem1">盘盈：{{$value.checkOverageNumber}}</div>
			</a>
		</li>
		<li class="mui-table-view-cell">
			<a>
				<div class="mui-col-xs-7 listitem1 p-color1">盘点数量：{{$value.checkNumber}}</div>
				<div class="mui-col-xs-5 listitem1">盘亏：{{$value.checkLossNumber}}</div>
			</a>
		</li>
	</ul>
	{{/each}}
</script>